<!-- 插件官网地址：http://ruby-china.org/topics/17028 -->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>MLive 2.2.5</title>
        <link rel="stylesheet" type="text/css" href="markdownToc_files/github2-rightpart.css" media="all">
        <link rel="stylesheet" type="text/css" href="markdownToc_files/github1-contents.css">
        <link rel="stylesheet" href="markdownToc_files/zTreeStyle.css" type="text/css">
        <style>
            .ztree li a.curSelectedNode {
                padding-top: 0px;
                background-color: #FFE6B0;
                color: black;
                height: 16px;
                border: 1px #FFB951 solid;
                opacity: 0.8;
            }
            .ztree{
                overflow: auto;
                height:100%;
                min-height: 200px;
                top: 0px;
            }
        </style>
    </head>
    <body style="">
        <div>
            <div style="width:30%;">
                <ul id="tree" class="ztree" style="width: 260px; overflow: auto; position: fixed; z-index: 2147483647; border: 0px none; left: 0px; bottom: 0px;">
                <!-- 目录内容在网页另存为之后将插入到此处 -->
                </ul>
            </div>
            <div id="readme" style="width:70%;margin-left:25%;">
                <article class="markdown-body">


<!-- ***********************************************************内容分割线****************************************************************** -->
<!-- 请把你的html正文部分粘贴到此处，在浏览器中打开之后将会自动生成目录。如果想要将目录保留并嵌入到此文档中，只需在浏览器中“另存为->网页，全部”即可 -->
<h1>MLive- 产品需求说明书2.2.5</h1>
<h4>项目预期</h4>

<ul>
<li>1.直播间内UI调整</li>
<li>2.礼物跟风功能</li>
<li>3.礼物截胡功能</li>
<li>4.麦序列表仅展示在播主播</li>
<li>5.密码房增加纯礼物进入模式</li>
<li>6.Banner下发增加区分国家及系统</li>
<li>7.踢人功能调整</li>
<li>8.新增加微信登录入口、微信分享</li>
</ul>




<h4>修订历史</h4>
<table>
<thead>
<tr>
    <th>日期</th>
    <th>修订说明</th>
    <th align="center">文档版本</th>
</tr>
</thead>
<tbody>
<tr>
    <td>2018-8-21</td>
    <td>初版</td>
    <td align="center">1.0.0</td>
</tr>

</tbody>
</table>

<h2><a href="2.2.5原型/index.html" target="_blank">☞ 戳我看原型</a></h2>


<h2>直播间内UI调整</h2>  

<h3>直播间内</h3>
<p>
1、右侧活动角标，2个以上活动轮播循环显示，轮播为3s后到下一页活动  <br />
2、皇冠进场消息位置调整到公聊消息上面，具体效果参考设计图，皇冠特效仍采用原有特效  <br />
3、分享统计，用户点击分享成功后，计算一次统计  <br />
<img src="pic/直播间.png" />  <br />
</p>

<h3>个人卡片</h3>
<p>
1、个人卡片样式调整为置底弹框<br />
<img src="pic/小卡片.png" />  <br />
</p>

<h3>公聊</h3>
<p>
1、仅调整ICON图标和切换按钮颜色  <br />
<img src="pic/公聊.png" />  <br />
</p>


<h3>私聊</h3>
<img src="pic/私聊入口.png" />  <br />
<h4>私聊入口</h4>
1. 个人卡片私聊按钮 </br>
2. 直播间底部私聊按钮 </br>

<h4>未读消息提示</h4>
1. 私聊按钮上的未读消息数为所有未读消息总和 </br>
2. 未读消息数≤99时，显示真实数字。未读消息数＞99时，统一显示99+ </br>
3. 在私聊对话列表点击某个对话进入详情页，即消除该对话上的未读消息数。 </br>
<img src="pic/私聊.png" />  <br />

<h4>私聊列表弹框</h4>
1. 私聊用户消息和系统消息两类。 </br>
2. 私聊列表页的item中，当前主播快捷私聊入口置顶，其它消息按最近一条私聊内容发生的时间来排序，越新的对话排得越靠上。私聊列表页面展示最近一条私聊内容和最后一天私聊发送时间 </br>
3. 私聊应支持显示emoji表情。 </br>
4. 点击快捷私聊入口，直接跳到私聊详情页与主播聊天。 </br>
5. 点击“忽略全部”按钮，设置所有未读消息为已读，同时toast提示“所有消息已忽略"。 </br>
6. 增加左滑删除单用户聊天记录功能，再次开启与用户私聊，之前记录不保存 </br>

<h4>私聊详情页</h4>
1. 对话详情页有新消息到达时，自动滚屏到底部。 </br>
2. 支持对消息内容长按复制功能 </br>
3. 允许用户通过输入法输入emoji表情，私聊输入框应支持显示和发送emoji表情。 </br>
4. 私聊消息格式校验： </br>
&nbsp;&nbsp;&nbsp;&nbsp;1）私聊输入框最多输入40个字，单个英文、数字、汉字、符号都视为1个字，单个emoji表情视为2个字，达到上限后无法继续输入。 私聊消息中超过40个字（服务端按40个汉字，或80个字符来计算）的部分截断。</br>
&nbsp;&nbsp;&nbsp;&nbsp;2）不允许输入空格 </br>
5. 服务端维护一个敏感词库，私聊消息中的敏感词将被自动替换成星号。</br>
6. 用户点击发送按钮后，私聊消息直接上屏，同时发给服务端 </br>
7. 用户发送消息判断是否满足发送条件，不足时私聊内给提示说明 </br>
7. 发送私聊消息时，如果对方已不在直播间，则toast提示“对方已离开直播间”，同时消息发送不出去。若输入框内容为空，点击发送按钮无反应 </br> 
8. 点击私聊详情页的用户头像展开个人卡片页，若与对方不在一个直播间，则卡片页功能按钮（送礼、@Ta不可用）</br>
9. 顶部增加快捷关注按钮（未关注时显示），点击后可直接关注当前聊天用户,顶部快捷关注置顶，不随着上滑滚动而移动 </br>
10. 用户发送消息判断是否满足发送条件，不足时私聊内给提示说明 </br>
11. 私聊消息时间显示规则： </br>
&nbsp;&nbsp;&nbsp;&nbsp;1）当天的消息，5分钟内连续讨论的，则不在信息之间显示时间，只在第1条信息顶端显示时间；(仅显示时间不显示日期) </br>
&nbsp;&nbsp;&nbsp;&nbsp;2）如果是日期上跨天，则在跨天的第1条信息前（每个连续讨论的第1条），显示日期加时间。 </br>
12. 用户点击关注后，以对方身份发送一条本地消息“Hey，感谢关注，一起来私聊吧~” </br>

<h4>私聊限制补充</h4>
1. 私聊仅允许红色VIP或3级以上用户使用，直播间室主和主播无视规则可以正常发送私聊 </br>
2. 接受私聊不受任何规则限制 </br>
3. 私聊消息仅保留3天，若最后一条消息超过3天，则清空所有聊天记录 </br>



<h3>礼物栏</h3>
<p>
1、礼物栏显示大小图模式，暂不使用webp礼物动画  <br />
<img src="pic/礼物栏.png" />  <br />
</p>

<h2>礼物跟风功能</h2>
<p>
具体详情请查看原型
<h4>跟风定义</h4>
某一时间段内奖很白，引导用户去跟风刷礼物 <br />

<h4>规则描述</h4>
1.跟风规则： <br />
以服务器的时间为准，每10分钟内单个家族房间出现25个或以上的五百倍，则在多个房间中提示跟风。 <br />

2.持续时间： <br />
出现跟风后，点击 跟风 刷出五百倍，本轮跟风结束；若超过10分钟，本轮跟风也结束。 <br />

3.跟风礼物一期限定：luck meow、kiss、pineapple、stool等指定小礼物 <br />

4.跟风中奖的飘条出现机制： <br />
在规定时间内跟风 刷出五百倍，出现飘条“恭喜XXX用户跟风A礼物中奖500倍” <br />

<h4>每多少分钟出现多少个五百倍计入跟风礼物数量 服务端可调整或后台可配</h4>
<img src="pic/跟风原型1.jpg" /> <br />
<img src="pic/跟风原型2.jpg" /> <br />
</p>

<h2>礼物截胡功能</h2>
<p>
具体详情请查看原型<br />

定义：每日0点为起始点，计算房间内刷A礼物700个未爆500倍，出现截胡；<br />

时效：该房间内在A礼物出现截胡后爆出A礼物的500倍，本轮截胡结束；同时重新开始计算；<br />

对象：部分小礼物（一期）<br />

展示方式：直播间礼物通道后出现截胡按钮，跟风图标上层出现截胡，点击送礼9个；<br />

与当前跟风的冲突：优先展示截胡<br />

跟风礼物一期限定：20/40币 HOT页面幸运礼物<br />

<h4>多少分钟内达到多少个未中500倍的礼物数量服务端可调整或后台可配</h4>
<img src="pic/截胡流程.png" /> <br />
</p>


<h2>麦序列表仅展示在播主播</h2>
<p>
1、麦序列表分为开播主播和未开播主播 <br />
2、用户在麦序列表仅显示开播主播，未开播主播不显示 <br />
3、室主/场控在自己家族房间内，麦序列表显示所有主播，若进其他家族则与用户相同 <br />
4、超管在所有房间内，均显示麦序所有主播 <br />
</p>



<h2>密码房增加纯礼物进入模式</h2>
<p>
<h3>主播端</h3>
1、主播选择开启密码房时，弹出选择三种模式：密码+礼物、密码+货币和纯礼物模式 <br />
2、主播所选择模式，APP无需保留记录，即每次开启密码房都需重新设置 <br />

</p>

<h3>用户端</h3>
<p>
1、用户通过主播列表点击密码房主播，根据主播所选模式展示不同礼物面板 <br />
2、若主播未下播，用户可重复进入，仅首次扣除礼物或输入密码 <br />
3、用户进入密码房，若喵币不够，则弹框提示余额不足，提醒用户去充值 <br />
</p>


<h2>Banner下发增加区分国家及系统</h2>
<p>
1、在后台AdvertisingManagement中，添加活动允许选择显示国家（全部/泰国/澳大利亚）和手机系统（全部/IOS/安卓） <br />
</p>

<h2>踢人功能调整</h2>
<p>
1、踢人功能调整，仅有超管可以选择更多时间，其他角色仅有默认30分钟 <br />
</p>

<h2>新增微信登录、微信分享</h2>
<p>
微信登录：微信开放平台移动应用审核已通过，已提供appid和secert，等待登录接口提供，完成客户端开发。<br />

微信分享：客户端内所有分享按钮增加微信分享，包括直播内分享以及各类广告页面。<br />
</p>

<!-- This document was created with MarkdownPad, the Markdown editor for Windows (http://markdownpad.com) -->
                </article>
            </div>
        </div>
    <script src="markdownToc_files/jquery-1.10.2.min.js"></script>
    <script src="markdownToc_files/jquery.ztree.all-3.5.min.js"></script>
    <script src="markdownToc_files/jquery.ztree_toc.min.js"></script>π
    <script type="text/javascript">
        $(document).ready(function(){
            $('#tree').ztree_toc({
                is_auto_number:false,
                documment_selector:'.markdown-body',
                is_expand_all: true
            });
        });
    </script>
    </body>
</html>
























